<div class="modal-header">
    <h4 class="modal-title">{{msg.headerText}}</h4>
</div>
<div class="col-xs-12" style="margin-bottom: 20px">
    <alert ng-show="alert.isShow" type="alert.type" close="closeAlert()">{{alert.msg}}</alert>
</div>
<div class="modal-body" ng-show="tableShow">
    <div class="row">
        <div class="col-xs-12" ng-hide="hideTable" style="padding-left: 18px;padding-right: 18px">
            <div class="table-header">直接影响任务</div>
            <div class="table-responsive">
                <div class="dataTables_wrapper" role="grid">
                    <div class="row" style="padding-bottom:10px;padding-top:5px;">
                        <div class="col-sm-6">
                            <div class="dataTables_length">
                                <label>每页显示
                                    <select ng-model="table.selectedRecordPerPage"
                                            ng-options="rpp for rpp in table.recordPerPageOptions" required>
                                    </select> 条记录
                                </label>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="dataTables_filter">
                                <label>过滤: <input type="text" ng-model="table.query"></label>
                            </div>
                        </div>
                    </div>
                    <table class="table table-striped table-bordered table-hover dataTable">
                        <thead>
                        <tr role="row">
                            <th class="{{table.getSortingClass('taskStatusId')}}"
                                ng-click="table.predicate = 'taskStatusId'; table.reverse=!table.reverse">任务实例ID
                            </th>
                            <th class="{{table.getSortingClass('taskId')}}"
                                ng-click="table.predicate = 'taskId'; table.reverse=!table.reverse">任务ID
                            </th>
                            <th class="{{table.getSortingClass('taskName')}}"
                                ng-click="table.predicate = 'taskName'; table.reverse=!table.reverse">任务名
                            </th>
                            <th class="{{table.getSortingClass('owner')}}"
                                ng-click="table.predicate = 'owner'; table.reverse=!table.reverse">开发者
                            </th>
                            <!--<th>操作</th>-->
                        </tr>
                        </thead>
                        <tbody>
                        <tr ng-repeat="table in table.displayedDataList.slice(table.startIndex-1, table.endIndex)">
                            <td>{{table.taskStatusId}}</td>
                            <td>{{table.taskId}}</td>
                            <td>{{table.taskName}}</td>
                            <td>{{table.owner}}</td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="row" style="padding-bottom:0px;padding-top:0px;">
                        <div class="col-sm-5">
                            <div class="dataTables_info">
                                展示第{{table.startIndex}}条记录至第{{table.endIndex}}条记录（总计{{table.total}}条记录）
                            </div>
                        </div>
                        <div class="col-sm-7">
                            <div class="dataTables_paginate paging_bootstrap">
                                <ul class="pagination">
                                    <li class="{{table.getDisableLabelforPrevious()}}">
                                        <a href="" ng-click="table.gotoFirstPage()">
                                            <i class="icon-double-angle-left"></i></a></li>
                                    <li class="{{table.getDisableLabelforPrevious()}}">
                                        <a href="" ng-click="table.previousPage()"><i
                                                class="icon-angle-left"></i></a></li>
                                    <li ng-repeat="num in table.getCurrentPageNumDisplay()"
                                        class="{{table.getActiveLabel(num)}}">
                                        <a href="" ng-click="table.changePage(num)">{{num}}</a>
                                    </li>
                                    <li class="{{table.getDisableLabelforNext()}}">
                                        <a href="" ng-click="table.nextPage()"><i
                                                class="icon-angle-right"></i></a></li>
                                    <li class="{{table.getDisableLabelforNext()}}">
                                        <a href="" ng-click="table.gotoLastPage()"><i
                                                class="icon-double-angle-right"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-12 text-center" ng-show="isLoading">
        <div id="loading" class="loading" style="color: #000000;width: auto">载入中</div>
    </div>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-primary btn-sm" ng-disabled="isLoading" ng-click="ok()">确认</button>
    <button type="button" class="btn btn-warning btn-sm" ng-click="cancel()">取消</button>
</div>

